<template>
    <div>
   <swiper
   class="swiper"
    indicator-dots
    autoplay
    circular
    :indicator-active-color='btnColor'
    :interval='interval'
   >
    <swiper-item v-for="(item,index) in bannerList" :key="index" >
        <img :src="item.imgUrl"  >
    </swiper-item>
   </swiper>
    </div>
</template>

<script>
export default {
 inject: ['data','style','dataNum'],

    data() {
        return {
           bannerList:[],
           btnColor:this.style.btnColor,
           btnShape:this.style.btnShape,
           interval:this.style.interval*1000
        };
    },

    mounted() {
     this.bannerList=this.data
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
 img{
    width: 100%;
    height: 100%;
 }
 .swiper{
    height: 360rpx;
 }
</style>